<template>
  <div class="main-container">
    <el-container>
      <el-header class="my-el-header">
        <!-- <NavBar style="width: 64%;" /> -->
        <NavBar1 style="width: 64%;" />
      </el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
// import NavBar from '@/components/navbar/NavBar.vue'
import NavBar1 from '@/components/navbar/NavBar1.vue';

</script>

<style scoped lang="scss">
.main-container {
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  .my-el-header {
    background-color: #fff;
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .el-main {
    --el-main-padding: 0 0;
  }
}
</style>
